﻿<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <title></title>
</head>
<body class="list-group">
     <script src="js/angular.js"></script>
    <script src="js/main.js"></script>
    <span ng-controller="TabController as tabCntrl">
        <ul class="nav nav-pills" role="tablist" ng-repeat="tab in tabCntrl.Tabs">
            <li ng-class="{active: tabCntrl.IsSelectedTab(tab.TabID)}"><a href="#" ng-click="tabCntrl.SetTab(tab.TabID)" >{{tab.Text}}</a></li>
        </ul>
    </span>
</body>
</html>
